<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="{$core['describe']}">
    <meta name="author" content="Webpixels">
    <title>{$title} - {$core['title']}</title>
    <!-- Favicon -->
    <link rel="icon" href="__PUBLIC__/../favicon.ico" type="image/png">
    <!-- Font Awesome 5 -->
    <link rel="stylesheet" href="//cdn.bootcdn.net/ajax/libs/font-awesome/5.15.3/css/all.min.css">
    <!-- Purpose CSS -->
    <link rel="stylesheet" href="__PUBLIC__/uikit/css/purpose.css" id="stylesheet">

<style>
    .layui-layer-btn0{
        color: #ffffff !important;
    }
</style>
</head>
<body class="application application-offset sidenav-pinned">
<!-- Chat modal -->

<!-- 应用程序容器 -->
<div class="container-fluid container-application">
    <!-- Sidenav -->
    <div class="sidenav" id="sidenav-main">
        <!-- Sidenav header -->
        <div class="sidenav-header d-flex align-items-center">
            <a class="navbar-brand" href="#">
                <img src="__PUBLIC__/../logo.png" class="navbar-brand-img" alt="..." style="width: 210px;height: 40px">
            </a>
            <div class="ml-auto">
                <!-- Sidenav toggler -->
                <div class="sidenav-toggler sidenav-toggler-dark d-md-none" data-action="sidenav-unpin"
                     data-target="#sidenav-main">
                    <div class="sidenav-toggler-inner">
                        <i class="sidenav-toggler-line bg-white"></i>
                        <i class="sidenav-toggler-line bg-white"></i>
                        <i class="sidenav-toggler-line bg-white"></i>
                    </div>
                </div>
            </div>
        </div>
        <!-- User mini profile -->
        <div class="sidenav-user d-flex flex-column align-items-center justify-content-between text-center">
            <!-- Avatar -->
            <div>
                <a href="#" class="avatar rounded-circle avatar-xl">
                    <img alt="Image placeholder" src="http://q1.qlogo.cn/g?b=qq&nk={$user['qq']}&s=640" class="">
                </a>
                <div class="mt-4">
                    <h5 class="mb-0 text-white">{$user['nickname']}</h5>
                    <span class="d-block text-sm text-white opacity-8 mb-3">UID：{$user['uid']}</span>
                    <a href="/logout?mode=user" class="btn btn-sm btn-white btn-icon rounded-pill shadow hover-translate-y-n3">
                        <span class="btn-inner--text">退出登录</span>
                    </a>
                </div>
            </div>
            <!-- User info -->
            <!-- Actions -->
            <div class="w-100 mt-4 actions d-flex justify-content-between">
                <a href="/user/info" class="action-item action-item-lg text-white pl-0">
                    <i class="fa fa-user"></i>
                </a>
                <a href="/user/notice_page" class="action-item action-item-lg text-white" data-toggle="modal">
                    <i class="fa fa-bullhorn"></i>
                </a>
                <a href="/user/qr_code" class="action-item action-item-lg text-white pr-0">
                    <i class="fa fa-qrcode"></i>
                </a>
            </div>
        </div>
        <!-- 导航条 nav -->
        <div class="nav-application clearfix">
            <a href="/user/" class="btn btn-square text-sm {$nav_active=='index'?'active':''}">
                <span class="btn-inner--icon d-block"><i class="fa fa-home fa-2x"></i></span>
                <span class="btn-inner--icon d-block pt-2">首页</span>
            </a>
            <a href="/user/bill" class="btn btn-square text-sm {$nav_active=='bill'?'active':''}">
                <span class="btn-inner--icon d-block"><i class="fa fa-tasks fa-2x"></i></span>
                <span class="btn-inner--icon d-block pt-2">我的账单</span>
            </a>
            <a href="/user/info" class="btn btn-square text-sm {$nav_active=='info'?'active':''}">
                <span class="btn-inner--icon d-block"><i class="fa fa-user fa-2x"></i></span>
                <span class="btn-inner--icon d-block pt-2">商户信息</span>
            </a>
            <a href="/user/pay_inter" class="btn btn-square text-sm {$nav_active=='pay_inter'?'active':''}">
                <span class="btn-inner--icon d-block"><i class="fa fa-paperclip fa-2x"></i></span>
                <span class="btn-inner--icon d-block pt-2">支付接口</span>
            </a>
            <a href="/user/qr_code" class="btn btn-square text-sm {$nav_active=='qr_code'?'active':''}">
                <span class="btn-inner--icon d-block"><i class="fa fa-qrcode fa-2x"></i></span>
                <span class="btn-inner--icon d-block pt-2">我的收款码</span>
            </a>
            <a href="/user/cashier_set" class="btn btn-square text-sm {$nav_active=='cashier_set'?'active':''}">
                <span class="btn-inner--icon d-block"><i class="fa fa-map-signs fa-2x"></i></span>
                <span class="btn-inner--icon d-block pt-2">收银台配置</span>
            </a>
            <a href="/user/pass" class="btn btn-square text-sm {$nav_active=='pass'?'active':''}">
                <span class="btn-inner--icon d-block"><i class="fa fa-lock fa-2x"></i></span>
                <span class="btn-inner--icon d-block pt-2">账号安全</span>
            </a>
            <a href="/user/renew" class="btn btn-square text-sm {$nav_active=='renew'?'active':''}">
                <span class="btn-inner--icon d-block"><i class="fa fa-fire fa-2x"></i></span>
                <span class="btn-inner--icon d-block pt-2">续费服务</span>
            </a>
        </div>
        <!-- Misc area -->
        <div class="card bg-gradient-warning">
            <div class="card-body">
                <h5 class="text-white">Tips</h5>
                <p class="text-white mb-4">
                    感谢您的信任及使用！
                </p>
                <a href="/user/notice_page" class="btn btn-sm btn-block btn-white rounded-pill">商户公告</a>
                <a href="/agreement" class="btn btn-sm btn-block btn-white rounded-pill" target="_blank">服务协议</a>
                <a href="/" class="btn btn-sm btn-block btn-white rounded-pill" target="_blank">开发文档</a>
            </div>
        </div>
    </div>
    <!-- Content -->
    <div class="main-content position-relative">
        <!-- Main nav -->
        <nav class="navbar navbar-main navbar-expand-lg navbar-dark bg-primary navbar-border" id="navbar-main">
            <div class="container-fluid">
                <!-- Brand + Toggler (for mobile devices) -->
                <button class="navbar-toggler" type="button"  data-action="sidenav-pin" data-target="#sidenav-main" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <!-- User's navbar -->
                <div class="navbar-user d-lg-none ml-auto">
                    <ul class="navbar-nav flex-row align-items-center">
                        <li class="nav-item">
                            <a href="#" class="nav-link nav-link-icon" data-action="omnisearch-open"
                               data-target="#omnisearch"><i class="fa fa-search"></i></a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link pr-lg-0" href="#" role="button" data-toggle="dropdown"
                               aria-haspopup="true" aria-expanded="false">
                  <span class="avatar avatar-sm rounded-circle">
                    <img alt="..." src="http://q1.qlogo.cn/g?b=qq&nk={$user['qq']}&s=640">
                  </span>
                            </a>

                        </li>
                    </ul>
                </div>
                <!-- Navbar nav -->
                <div class="collapse navbar-collapse navbar-collapse-fade" id="navbar-main-collapse">
                    <ul class="navbar-nav align-items-lg-center">
                        <li class="border-top opacity-2 my-2"></li>
                        <li class="nav-item ">
                            <a class="nav-link pl-lg-0" href="#">
                                商户后台
                            </a>
                        </li>

                    </ul>
                    <!-- Right menu -->
                    <ul class="navbar-nav ml-lg-auto align-items-center d-none d-lg-flex">
                        <li class="nav-item">
                            <a href="#" class="nav-link nav-link-icon sidenav-toggler" data-action="sidenav-pin"
                               data-target="#sidenav-main"><i class="fa fa-bars"></i></a>
                        </li>
                        <li class="nav-item">
                            <a href="#" class="nav-link nav-link-icon" data-action="omnisearch-open"
                               data-target="#omnisearch"><i class="fa fa-search"></i></a>
                        </li>

                        <li class="nav-item dropdown dropdown-animate">
                            <a class="nav-link pr-lg-0" href="#" role="button" data-toggle="dropdown"
                               aria-haspopup="true" aria-expanded="false">
                                <div class="media media-pill align-items-center">
                                        <span class="avatar rounded-circle">
                      <img alt="..." src="http://q1.qlogo.cn/g?b=qq&nk={$user['qq']}&s=640">
                    </span>
                                    <div class="ml-2 d-none d-lg-block">
                                        <span class="mb-0 text-sm  font-weight-bold">{$user['account']}</span>
                                    </div>
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>
        <!-- Omnisearch -->
        <div id="omnisearch" class="omnisearch">
            <div class="container">
                <!-- Search form -->
                <form class="omnisearch-form">
                    <div class="form-group">
                        <div class="input-group input-group-merge input-group-flush">
                            <div class="input-group-prepend">
                                <span class="input-group-text"><i class="fa fa-search"></i></span>
                            </div>
                            <input type="text" class="form-control" placeholder="请输入要查询订单号...">
                        </div>
                    </div>
                </form>
                <div class="omnisearch-suggestions">
                    <h6 class="heading">最近</h6>
                    <div class="row">
                        <div class="col-sm-6">
                            <ul class="list-unstyled mb-0">
                                <li>
                                    <a class="list-link" href="#">
                                        <i class="fa fa-search"></i>
                                        <span>cU啦啦pay.31ii.com</span>
                                    </a>
                                </li>
                                <li>
                                    <a class="list-link" href="#">
                                        <i class="fa fa-search"></i>
                                        <span>敬请期待</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        {if condition="isset($ad['user_manage_top']) && $ad['user_manage_top']['state']=='1'"}
        <div class="row">
            <div class="col-xl-12 col-md-12 col-lg-12">
                <div class="card-body" style="text-align: center">
                    <div class="row" style="text-align: center;border-radius: 10px;border: 2px #eee solid;overflow: hidden;padding: 0;margin: 0;display: inline-block;">
                        <a href="{$ad['user_manage_top']['data']['url']}" target="_blank">
                        <img src="__PUBLIC__/ad-img/{$ad['user_manage_top']['data']['name']}" style="width: 100%;">
                        </a>
                    </div>
                </div>
            </div>
        </div>
        {/if}